/**** CSS fila for den vanlige stilen ****/
* {
margin: 0;
padding: 0;
}

body {
background-color: #e7e7e7;
}

p {
font: 76%/150% "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
}

a {
color: #0092bf;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#com{
	width:22px;
	height:32px; 
	background-image:url('images/Comments-32.png');
	padding: 3px 0 0 10px;
	font-size:12px;
}

#com p {
margin-top: 2px;
}

header {
margin-top: 20px;
display:block;
width:100%;
z-index:100;
text-align:center;
background-color: #0092bf;
color:#fff;
-webkit-border-radius-topright: 8px;
-webkit-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
header h1 {
font-family: 'BebasRegular';
padding:5px 0 5px 0;text-align:center;
font-size:1.6em;
}
header h1 span {
opacity:.75
}
header .left { left: 15px; }
header .right { right: 15px; }
header .image_button {
display:block;
padding:0;
font-weight: bold;
position: relative;
top: 0px;
left: 0px;
opacity:.70;
cursor:pointer;
margin:0;
z-index:1000;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
}
header .image_button.active, 
header .image_button:hover, 
header .image_button:focus  { 
opacity:1;
}

#wrapper {
width: 900px;
margin: auto;
}

.button {
display:block;
line-height:21px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
overflow:hidden;
height: 21px;
font-weight: bold;
width: 100%;
font-family:inherit;
font-size:12px;
text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;
text-overflow:ellipsis;
text-align:center;
background:none;
cursor:pointer;
margin:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
margin-bottom: 4px;
}
.button:link, .button:visited {
color:#fff;
background-color: #0092bf;
border:1px solid #222;
text-decoration:none;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25), 0 1px 0 rgba(255, 255, 255, 0.25);	
}
.button:active, .button:focus, .button:hover {
text-decoration:none;
opacity: .90;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

#sidebar {
width:250px;
float: left;
height: auto;
padding-top: 30px;
padding: 10px;
margin-bottom: 20px;
}

#sidebar ul {
list-style-type: none;
}

#content {
width:600px;
float:left;
padding-top: 30px;
padding: 10px;
padding-left: 20px;
margin-bottom: 10px;
}

#content-wrap {
float: left;
background-color: #FFFFFF;
-webkit-border-radius-bottomright: 8px;
-webkit-border-radius-bottomleft: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: auto;
}

article {
line-height:20px;
padding:20px 0;
}

article p {
margin:0 0 25px 0;
}

footer {
text-align: center;
}

#sidebar h2 {
font-family: 'BebasRegular';
width: 100%;
position:relative;
color:#fff;
background:#f14a29;
font-size:1.5em;
text-transform: uppercase;
float:left;
clear:both;
padding:10px 10px 10px 20px;
margin-left:-20px;
margin-bottom:20px;
margin-top: 20px;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}

#toph2 {
margin-top: 0!important;
}

#sidebar h2:before{
content:" ";
background:url(images/ribbon.png);
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px;
z-index:-1;
}



#content span h2{
font-family: 'BebasRegular';
text-transform: uppercase;
color: #f14a29;
font-size: 2em;
}

.upassende {
font-family: 'BebasRegular';
text-transform: uppercase;
color: #0092bf;
font-size: 2em;
border: 3px #f14a29 solid;
padding: 2px;
margin-bottom: 10px;
text-align: center;
background: #eeeeee;
}

.upass {
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}

img {
border: none;
}

.reg_btn span {
text-align: center;
font-size: 1.2em;
color: #FFF;
display: inline-block;
padding: 10px  20px;
background: #3194c6;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3194c6), to(#5bacd6));
background: -moz-linear-gradient(#3194c6, #5bacd6);
font-family: 'BebasRegular';
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}

.reg_btn {
margin: 20px 0 0 30px;
text-decoration: none;
display: inline-block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 
	0 8px 0 #1a74a1,
	0 15px 20px rgba(0,0,0,.35);
-moz-box-shadow:
    0 8px 0 #1a74a1,
    0 15px 20px rgba(0,0,0,.35);
box-shadow:
    0 8px 0 #1a74a1,
    0 15px 20px rgba(0,0,0,.35);
-webkit-transition: -webkit-box-shadow .2s ease-in-out;
-moz-transition: -moz-box-shadow .2s ease-in-out;
-o-transition: -o-box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
}

.reg_btn:active, .reg_btn:focus  {
outline: none;
}

.reg_btn:active {
-webkit-box-shadow:
    0 8px 0 #1a74a1,
    0 12px 10px rgba(0,0,0,.3);
-moz-box-shadow:
    0 8px 0 #1a74a1,
    0 12px 10px rgba(0,0,0,.3);
box-shadow:
    0 8px 0 #1a74a1,
    0 12px 10px rgba(0,0,0,.3);
}

.reg_btn:active span {
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
-o-transform: translate(0, 4px);
transform: translate(0, 4px);
}

form, fieldset, legend, ol, li {
margin: 0;
padding: 0;
}

form#logout {
float: left;
width: 100%;
}

form#registrering, form.blueForm {
float: left;
background: #0092bf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
}
form#login {
background: #0092bf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
float: left;
}

form#registrering fieldset, form.blueForm fieldset, form#login fieldset {
border: none;
margin-bottom: 10px;
}

form#registrering fieldset: last-of-type, form#login fieldset: last-of-type {
margin-bottom: 0;
}

form#registrering legend, form.blueForm legend, form#login legend {
color: #FFF;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 10px;
}

form#registrering ol li, form.blueForm ol li, form#login ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}

form#registrering ol ol li, form.blueForm ol ol li, form#login ol ol li {
background: none;
border: none;
float: left;
}

form#registrering label, form.blueForm label, form#login label {
float: left;
font-size: 13px;
width: 110px;
}
form#login label {
text-align: center;
width: 100%;
}

form#login input {
width: 100%;
}

form#registrering button, form.blueForm button, form#login button {
background: #F14A29;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
display: block;
margin: auto;
padding: 7px 25px;
text-transform: uppercase;
font-family: 'BebasRegular';
width: 100%;
margin-top: 10px;
height: 40px;
}

form#logout button {
background: #0092bf;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
display: block;
margin: auto;
padding: 7px 25px;
text-transform: uppercase;
font-family: 'BebasRegular';
width: 100%;
margin-top: 10px;
height: 40px;
}

form#registrering button:hover, form.blueForm button:hover, form#login button:hover {
background: #d84224;
cursor: pointer;
}

form#logout button:hover {
background: #01789d;
cursor: pointer;
}

@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot?') format('eot'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#webfontOJIfwzl6') format('svg');
    font-weight: normal;
    font-style: normal;

}

.plass {
color: #f14a29;
font-weight: bold;
}

.usrimg {
display: block;
margin: 0 auto;
float: left;
}

.captchaError {
margin-top: 20px;
background: #e54040 url(images/error.png) no-repeat left top;
border: 2px #000 dashed;
color: white;
font-size: 1em;
padding: 3px;
padding-left: 35px;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-top-left: 8px;
border-top-right: 8px;
}

input{
width: 184px;
}

textarea {
width: 184px;	
}

.comment {
border: 1px #000 solid;
padding: 10px;
margin-bottom: 5px;
background: #ddd;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-top-left: 8px;
border-top-right: 8px;
}

.commentname {
color: #f14a29;
font-size: 1.2em;
font-weight: bold;
}

.commentcontent {
margin-left; 5px;
}

.postTools {
float: right;
}

#content hr {
border: none;
background: #0092bf;
height: 5px;
margin: 10px 0 10px 0;
}

#content iframe {
margin-top:10px;
}

#content small  {
color: #999999;
}

p.spam {
color: red!important;
margin-top: -3px!important;
margin-bottom: 3px;
font-size: 0.8em;
}